﻿<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script src="./js/flexible.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?d757df1a74b7d2fff59cf87f8f6d1655";
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <title>有奖大考堂</title>

    <link href="css/qna.css?v=223" rel="stylesheet" />
    <link rel="stylesheet" href="./css/floatLayer.css">
    <link rel="stylesheet" href="./css/scratch.css">
</head>
<body>
    <!--挑战成功刮奖浮层-->
    <div class="floatLayer success-floatLayer" style="display: block;top:300%;">
        <div id="success">
            <img src="./images/success-head.png" class="success-head"></img>
            <button type="button" id="success-close-btn"><img src="./images/close-btn.png"></img></button>
            <p class="success-tips">恭喜您获得1次刮奖机会~</p>
            <!--<img src="./images/scratch-off-btn.png" id="scratch-off-btn"></img>-->
            <!--刮奖区域边框-->
            <img src="./images/scratch-border.png" class="scratch-border"></img>
            <!--刮奖区域 scratch.js与scratch.css控制-->
            <div id="scratch">
                <div id="card">
                    <div id="card-content"></div>
                </div>
            </div>
			<div id="strong-tips" style="display: none;">加油刮一刮 ，大奖马上来~</div>
        </div>
    </div>
    <!--挑战成功刮奖浮层end-->

    <!--刮奖后查看礼包浮层-->
    <div class="floatLayer">
        <div id="gift-package">
            <img src="./images/celebrate-head.png" class="celebrate-head"></img>
            <button type="button" id="package-close-btn"><img src="./images/close-btn.png"></img></button>
            <div class="gift-package-head">
                <p>哇哦~ 恭喜您</p>
                <p>获得价值<span class="gift-package-price"></span>元礼包</p>
            </div>
            <div class="gift-package-body">
                <button type="button" class="insurance-coupons-btn gotoPage" ></button>
                <button type="button" class="refuel-coupons-btn btn_success" ></button>
            </div>
        </div>
    </div>
    <!--刮奖后查看礼包浮层end-->

    <!--挑战失败后查看礼包浮层-->
    <div class="floatLayer">
        <div id="gift-package-fail">
            <img src="./images/fail-head.png" class="fail-head"></img>
            <button type="button" id="fail-package-close-btn"><img src="./images/close-btn.png"></img></button>
            <div class="gift-package-head">
                <p>啊呀~ 没有完成通关</p>
                <p>离大奖还差一点点</p>
            </div>
            <div class="gift-package-body">
                <button type="button" class="insurance-coupons-btn insurance-coupons-btn20 gotoPage"></button>
            </div>
        </div>
    </div>
    <!--刮奖后查看礼包浮层end-->

    <!--挑战失败后查看礼包浮层-->
    <div class="floatLayer">
        <div id="send-fail">
            <div class="send-fail-tip">加油刮一刮 ，大奖马上来~</div>
        </div>
    </div>
    <!--刮奖后查看礼包浮层end-->

<!--问答主体-->
    <div class="qna">
        <div class="img-bg">
            <img src="./images/qna-bg01.png" alt="意外险问答活动" class="qna-bg" />
            <img src="./images/qna-bg02.png" alt="意外险问答活动" class="qna-bg" />
            <img src="./images/qna-bg03.png" alt="意外险问答活动" class="qna-bg" />
        </div>
        <div class="qna-number"></div>
        <div class="qna-sheet">
            <div class="qna-question"><span onclick="window.location.href='https://act.cx580.com/page/PiccPromote/index.html'">如意保</span><span class="qna-question-main"></span></div>
            <div class="qna-answers">
                <ul class="qna-answers-list"></ul>
            </div>
        </div>
        <div class="qna-progress-list">
            <div class="qna-progress qna-progress-end"></div>
            <div class="qna-progress"></div>
            <div class="qna-progress"></div>
            <div class="qna-progress"></div>
            <div class="qna-progress"></div>
        </div>
        <button type="button" class="next-btn next-btn-disabled"></button>
    </div>
    <!--问答主体end-->
</body>
<script src="./js/qna.js?v=230"></script>
<script src="./js/floatLayer.js" type="text/javascript"></script>
<script src="./js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="../../js/jquery.url.js"></script>
<script src="./js/scratch.js?v=235" type="text/javascript"></script>
<script src="./js/urlTag.js" type="text/javascript"></script>
<script src="./js/cx580.jsApi.js" type="text/javascript"></script>
</html>